	/* 公共样式 */
	.status-bar:before{/*顶部状态栏高度预留*/
	    content:'';
	    display:block;
	    height: var(--status-bar-height);
	    width:100%;
	    background-color:transparent;
	}
	.mt20{
		margin-top: 20rpx;
	}
	.mt38{
		margin-top: 38rpx;
	}
	.mt32{
		margin-top: 32rpx;
	}
	.mt22{
		margin-top: 22rpx;
	}
	.mt16{
		margin-top:16rpx
	}
	.mt10{
		margin-top:10rpx
	}
	.mt6{
		margin-top:6rpx
	}
	.mt2{
		margin-top:2rpx
	}
	.mb20{
		margin-bottom: 20rpx;
	}
	.mr32{
		margin-right: 26rpx;
	}
	.mr45{
		margin-right: 45rpx;
	}
	.mr26{
		margin-right: 26rpx;
	}
	.mr16{
		margin-right: 26rpx;
	}
	.mr4{
		margin-right: 4rpx;
	}
	.ml10{
		margin-left: 10rpx;
	}
	.ft18{
		font-size: 18rpx;
	}
	.ft20{
		font-size: 20rpx;
	}
	.ft24{
		font-size: 24rpx;
	}
	.ft26{
		font-size: 24rpx;
	}
	.ft28{
		font-size: 28rpx;
	}
	.ft32{
		font-size: 32rpx;
	}
	.ft40{
		font-size: 40rpx;
	}
	.ft60{
		font-size: 60rpx;
	}
	.grey1{
		color: #BABABA;
	}
	.grey2{
		color: #99979A;
	}
	.grey3{
		color: #696969;
	}
	.grey4{
		color: #A4A4A4;
	}
	.red{
		color: #F73B34;
	}
	.img_tip{
		width: 20rpx; 
	} 
	.wid{
		width: 100%;
	}
	.ta{
		text-align: center;
	}
	.bold{
		font-weight: bold;
	}
	/*flex 弹性布局*/
	
	.fx-row{/*横向排列*/
	    display:flex;
	}
	.fx-row-s{
		display: flex;
		justify-items: flex-start; 
	}
	.fx-row-sta{
		display: flex;
		justify-items: flex-start;
		align-items: center;
	}
	.fx-row-c{/*左右居中*/
	    display:flex;
	    justify-content:center;
	}
	.fx-row-sb{/*两端对齐*/
	    display:flex;
	    justify-content:space-between;
	}
	.fx-row-sb-c{/*两端对齐 上下居中*/
	    display:flex;
	    justify-content:space-between;
	    align-items:center;
	}
	.fx-row-sb-start{/*两端对齐 上对齐*/
	    display:flex;
	    justify-content:space-between;
	    align-items:flex-start;
	}
	.fx-row-sb-end{/*两端对齐 底部对齐*/
	    display:flex;
	    justify-content:space-between;
	    align-items:flex-end;
	}
	
	.fx-row-sa{/*两端对齐右边距*/
	    display:flex;
	    justify-content:space-around;
	}
	
	.fx-row-sa-c{/*两端对齐右边距 上下居中*/
	    display:flex;
	    justify-content:space-around;
	    align-items:center;
	}
	
	.fx-row-sa-end{/*两端对齐右边距 底部对齐*/
	    display:flex;
	    justify-content:space-around;
	    align-items:flex-end;
	}
	
	.fx-row-c-c{/*居中对齐 上下居中*/
	    display:flex;
	    justify-content:center;
	    align-items:center;
	}
	
	.fx-row-c-end{/*居中对齐 底部对齐*/
	    display:flex;
	    justify-content:center;
	    align-items:flex-end;
	}
	
	.fx-row-end{/*右对齐*/
	    display:flex;
	    justify-content:flex-end;
	}
	
	.fx-row-end-c{/*右对齐 上下居中*/
	    display:flex;
	    justify-content:flex-end;
	    align-items:center;
	}
	
	.fx-row-start-c{/*左对齐 上下居中*/
	    display:flex;
	    align-items:center;
	}
	.fx-row-start-end{/*左对齐 底部对齐*/
	    display:flex;
	    align-items:flex-end;
	}
	
	
	.fx-col{/*纵向排列*/
	    display:flex;
	    flex-direction:column;
	}
	
	.fx-col-c{/*上下居中*/
	    display:flex;
	    flex-direction:column;
	    justify-content:center;
	}
	
	.fx-col-sb{/*两端对齐*/
	    display:flex;
	    flex-direction:column;
	    justify-content:space-between;
	}
	
	.fx-col-sb-c{/*两端对齐 左右居中*/
	    display:flex;
	    flex-direction:column;
	    justify-content:space-between;
	    align-items:center;
	}
	
	.fx-col-sa{/*两端对齐有边距*/
	    display:flex;
	    flex-direction:column;
	    justify-content:space-around;
	}
	
	.fx-col-sa-c{/*两端对齐有边距 左右居中*/
	    display:flex;
	    flex-direction:column;
	    justify-content:space-around;
	    align-items:center;
	}
	
	.fx-col-c-c{/*上下左右居中*/
	    display:flex;
	    flex-direction:column;
	    justify-content:center;
	    align-items:center;
	}
	
	.fx-col-start-c{/*上对齐 左右居中*/
	    display:flex;
	    flex-direction:column;
	    align-items:center;
	}
	
	.fx-col-end{/*下对齐*/
	    display:flex;
	    flex-direction:column;
	    justify-content:flex-end;
	}
	
	.fx-col-end-c{/*下对齐 左右居中*/
	    display:flex;
	    flex-direction:column;
	    justify-content:flex-end;
	    align-items:center;
	}
	
	.fx-1{/*占满剩余空间*/
	    flex:1;
	}
	/*其他常用样式*/
	.text-beyond{/*文本内容超宽度省略号显示 单行*/
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap; 
	}
	
	.text-beyond-multi{/*文本内容超宽度省略号显示 多行*/
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.text-beyond-multi3{/*文本内容超宽度省略号显示 多行*/
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	/* 缺省样式 */
	.emptys{
		width: 260;
		height: 204rpx;
		margin: 0 auto;
		padding: 360rpx 0;
		text-align: center;
		font-size: 28rpx;
		color: #666;
		
	}
	.emptys_btn{
		display: inline;
		margin: 0 auto; 
		padding: 8rpx 30rpx;
		font-size: 26rpx;
		color: #AD8539;
		border: 1rpx solid #AD8539;
		border-radius: 50rpx;
	}
	.emptys image{
		width: 260rpx;
		margin-bottom: 28rpx;
	}
	/* NumberBox 步进器 */
	.minus {
		width: 48rpx;
		height: 46rpx;  
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #D8D8D8;
	}
	.disable{
		background-color: #F8F8F7 !important;
	}
	.input {    
		width: 70rpx;
		height: 46rpx;
		margin: 0 4rpx;
		background: #F1F1F1;
		font-size: 28rpx;
		text-align: center;
		line-height: 46rpx;
		// padding: 0 10px;
	}
	.plus {
		width: 48rpx;
		height: 46rpx;  
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #D8D8D8;
	}